<div class="ui-grid-row ui-widget-content" style="height: calc(100% - 30px);">
    <div class="ui-g act-attr-form">
        <form [formGroup]="actAttrForm" style="width:100%;">
            <div class="ui-g-6">
                <div class="ui-g-4">编号</div>
                <div class="ui-g-8">
                    <input formControlName="actDefId" pInputText type="text" style="width:100%" readonly />
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">名称
                    <span style="color:red;">*</span>
                </div>
                <div class="ui-g-8">
                    <input formControlName="actDefName" pInputText type="text" style="width:100%" />
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">警告时限</div>
                <div class="ui-g-8">
                    <input formControlName="warnTime" pInputText type="text" style="width:100%" />
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">截止时限</div>
                <div class="ui-g-8">
                    <input formControlName="limitTime" pInputText type="text" style="width:100%" />
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">节点类型</div>
                <div class="ui-g-8">
                    <p-dropdown formControlName="actTypeId" [options]="actTypes" optionLabel="actTypeName"
                        [style]="{'width':'100%'}">
                    </p-dropdown>
                </div>
            </div>
            <div class="ui-g-6">
                <div class="ui-g-4">节点属性</div>
                <div class="ui-g-8">
                    <p-dropdown formControlName="actPropertyId" optionLabel="actPropertyName" [options]="actProperties"
                        [style]="{'width':'100%'}">
                    </p-dropdown>
                </div>
            </div>
        </form>
        <div class="ui-g-12">
            <div *ngFor="let attr of actAttrs" class="ui-g-3">
                <p-checkbox [(ngModel)]="actDefAttr" value="{{attr.actAttrId}}" label="{{attr.actAttrName}}"></p-checkbox>
            </div>
        </div>
    </div>
    <div class="ui-g">
        <p-table #dt [columns]="cols" [value]="parts" [(selection)]="selectedParts" [scrollable]="true"
            scrollHeight="230px">
            <ng-template pTemplate="caption">
                <div style="text-align: right">
                    <i class="fa fa-search" style="margin:4px 4px 0 0"></i>
                    <input type="text" pInputText size="20" placeholder="参与者过滤"
                        (input)="dt.filterGlobal($event.target.value, 'contains')" style="width:auto">
                </div>
            </ng-template>
            <ng-template pTemplate="header" let-columns>
                <tr>
                    <th style="width: 2.8em">
                        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                    </th>
                    <th *ngFor="let col of columns" [style.width]="col.width">
                        {{col.header}}
                    </th>
                </tr>
            </ng-template>
            <ng-template pTemplate="body" let-rowData let-columns="columns">
                <tr [pSelectableRow]="rowData">
                    <td style="width: 2.8em">
                        <p-tableCheckbox [value]="rowData"></p-tableCheckbox>
                    </td>
                    <td *ngFor="let col of columns" [style.width]="col.width">
                        {{rowData[col.field]}}
                    </td>
                </tr>
            </ng-template>
        </p-table>
    </div>
</div>
<div class="ui-grid-row">
    <div class="button-item">
        <button pButton type="text" class="ui-button-danger" icon="fa fa-times" label="取消" (click)="cancel()"></button>
        <button pButton type="text" class="ui-button-info" icon="fa fa-save" label="保存" (click)="save()"></button>
    </div>
</div>